<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串_常见方法</title>
</head>
<body>
<h3>字符串 常见方法</h3>
<img src="./字符串常见方法.png" alt="">
<hr>

<p>
    字符串方法,有很多. 下面讲解几个常用的
</p>


<script>
    // split 把字符串 转换为 数组  和 join() 相反
    const 字符串 = 'pink,red'
    const 数组 = 字符串.split(',') // ''号里的是分隔符 以为说明作元素的分隔, 方法返回的是一个数组
    console.log(数组)

    const 日期 = '2022-4-8'
    const 数组2 = 日期.split('-')
    console.log(数组2)


    // 字符串的截取   substring(开始的索引号[， 结束的索引号])
    // 1 如果省略 结束的索引号，默认取到最后
    // 2 结束的索引号不包含想要截取的部分
    const 字符串2 = '今天又要做核酸了'
    console.log(字符串2.substring(5, 7)) // 包括5,不包括7的 索引范围


    // startsWith(检测字符 [, 检测位置索引号]) 判断是不是以某个字符开头 (区分大小写)
    const 字符串3 = 'pink老师上课中'
    console.log(字符串3.startsWith('pink')) // true
    console.log(字符串3.startsWith('老师',4)) // true, 从4索引位置,开始匹配

    // includes(检测字符 [, 检测位置索引号]) 判断某个字符是不是包含在一个字符串里面 (区分大小写)
    const 字符串4 = '我是pink老师'
    console.log(字符串4.includes('pink')) // true
    console.log(字符串4.includes('pink',2)) // true, 位置索引号匹配
    console.log(字符串4.includes('pink',3)) // false, 位置索引号不匹配
</script>
</body>
</html>